 * {
     margin: 0;
     padding: 0;
 }

 ul,
 li {
     list-style-type: none;
 }

 a {
     text-decoration: none;
     color: #f5f5f5;
 }

 #main {
     width: 1200px;
     height: 600px;
     margin: 0 auto;
     background-color: rgb(109, 183, 183);
     position: relative;
 }

 #listmusic {
     position: absolute;
     left: 30px;
     top: 100px;

     width: 350px;
     height: 400px;
     background-color: #9ce6ea;
 }

 #phone {
     display: none;
     width: 200px;
     height: 100px;
 }

 #main #tx {
     position: absolute;
     width: 800px;
     height: 400px;
     background-color: #44bfcf;
     border: 1px solid black;
     right: 0;
     top: 100px;
     overflow: hidden;
     text-align: center;
     font-size: 14px;
     line-height: 20px;
     overflow-y: scroll;
 }

 #main #tx #center {
     width: 400px;
     height: 400px;
     margin: 0 auto;
 }

 #main #tx::-webkit-scrollbar {
     width: 0 !important;
 }

 #control {
     position: absolute;
     width: 800px;
     height: 60px;
     background-color: #f5f5f5;
     bottom: 0;
     right: 0;
     z-index: 10000;
 }

 #control ul {
     position: relative;
 }

 #control ul li {
     position: absolute;
 }

 .upmusic {
     left: 20px;
     width: 60px;
     height: 60px;
     background: url('../imges/按键.png') -335px -215px no-repeat;
 }

 .nf {
     left: 100px;
     width: 60px;
     height: 60px;
     background: url('../imges/按键.png') -340px -124px no-repeat;
     display: none;
 }

 .off {
     width: 60px;
     height: 60px;
     left: 100px;
     background: url('../imges/按键.png') -580px -124px no-repeat;

 }

 .nextmusic {
     width: 60px;
     height: 60px;
     left: 180px;
     background: url('../imges/按键.png') -180px -215px no-repeat;
 }

 #progresscontainer {
     height: 20px;
     left: 260px;
     top: 30px;
     background-color: aqua;
     position: relative;
 }

 #progresscontainer #progres {
     height: 10px;
     background-color: rebeccapurple;
     position: absolute;
     top: 5px;
 }

 .volume {
     width: 60px;
     height: 60px;
     background: url('../imges/按键.png') -500px -215px no-repeat;
     right: 25px;

 }

 #volummusicBox {
     height: 30px;
     position: absolute;
     right: 0px;
     transform: rotateZ(-90deg) translateX(65px) translateY(7px);
     display: none;
 }

 #volummusic {
     margin-top: 7px;
 }